<template>
   <div class="buy-car">
        <div class="icon">&#xe613;</div>
        <div class="label text-small">20</div>
    </div>
</template>
<script>
export default {
    name: 'BuyCar',
    props: {
    },
};
</script>
<style lang="less">
@import "../../lib/style/mixins.less";

.buy-car {
    position: fixed;
    z-index: 10;
    right: 40rpx;
    bottom: 40rpx;
    width: 50px;
    height: 50px;
    line-height: 50 *2rpx;
    color: @color-red;
    border: 2rpx solid @color-red;
    border-radius: 50%;
    text-align: center;
    background-color: @white-color;
    .icon {
        font-size: 54rpx;
    }
    .label {
        position: absolute;
        right: -10rpx;
        top: -10rpx;
        padding: 0 8rpx;
        color: @white-color;
        background-color: @color-red;
        border-radius: 10rpx;
    }
}
</style>